import { Fragment } from 'react'

export default function UserInforCard({userCardInfor}) {

  return (
    <Fragment>
      <div className='user-infor-card'>
        <div>昵称：{userCardInfor?.nickname}</div>
        <div>邮箱：{userCardInfor?.email}</div>
        <div>座右铭：{userCardInfor?.motto}</div>
        <div>QQ号码：{userCardInfor?.qq}</div>
        <div className='user-infor-more'>
          <span>兴趣爱好：</span>
          <p>{userCardInfor?.hobby}</p>
        </div>
        <div className='user-infor-more'>
          <span>个人简介：</span>
          <p>
            {userCardInfor?.personalProfile}
          </p>
        </div>
      </div>
    </Fragment>
  )
}
